<template>
  <mt-tab-container-item>
    <mt-header title="购物车" > </mt-header>


    <div class="shopList">
      <div class="tabList">

        <mt-checklist
          v-model="value"
          :options="options">
        </mt-checklist>

          <ul class="tabullist" >
            <li class="itemcontent">
              <mt-cell-swipe class="cellsiwpeLeft"
               style="height:200px"
                :right="[
                  {
                      content: '删除',
                      style: { background: '#ff7900', color: '#fff'},
                      handler: () => deleteSection(section.PartId)
                  }, {
                      content: '收藏',
                      style: { background: '#003300', color: '#fff'},
                      handler: () => deleteSection(section.PartId)
                  }

              ]">


                <p class="productdesc">{{section.TeacherName}}</p>


              </mt-cell-swipe>
            </li>
          </ul>
      </div>
    </div>
  </mt-tab-container-item>
</template>

<script>
  export default {
    data(){
      return{
        selected:"ShoppingCart",
        section:{
          PartName:"xxx",
          TeacherName:"aaaa",
          PartId:"1"
        },
        value:[],
        //checklist设置
        options : [
          {
            label: '天帆科技',
            value: '1'
          }]
      }
    },
    props: {

    },
    watch:{

    },
    methods:{
      deleteSection:function(){

    }
    }


  }
</script>

<style scoped>
.shopList{
  width: 100%
}

.tabList{
 margin-top: 1rem;
}
.tabullist{
}
.itemcontent{

}
.productImg{
  height: 3.2rem;
  width: 3.2rem;
  border: 1px solid;
}
.cellsiwpeLeft{
text-align: left;

}


.tabheader{
  background: #fff;
  height: 2.2rem;
  line-height: 2.2rem;
}


</style>
